
/*  内容区 */
.cn_containner {
  width: 100%;
  height: 93%;
  overflow: hidden;
  position:absolute;
  top:7%;
}
.cn_conMenu {
  width: 100%;
  height:20%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.cn_conMenu div{
	width:8%;
  height:100%;
  box-sizing: border-box;
  background: url("../../static/images/home/hometopbg.png") no-repeat;
  background-size: 100% 100%;
  /* border: 1px solid #999; */
  overflow: hidden;
  cursor: pointer;
}
.cn_conMenu div p{
  text-align: center;
  line-height:5vh;
}
.cn_conMenu div p.cn_null {
  height: 26.3333%;
}
.cn_conli {
  color: #00FFF6;
  font-size: 1.6rem;
  font-style:normal ;
}
.cn_conli i{
  font-style:normal ;
}
.cnTit {
  color: #fff;
  white-space: nowrap;
  font-size: 1.15rem;
}
/* 主体 */
.cn_main {
  width: 100%;
  height: 80%;
  box-sizing: border-box;
  /* display: flex; */
  padding-top: 1%;
  /* background: #666; */
}
.cn_main::after {
  content: "";
  display: block;
  clear: both;

}
/* 左边 */
.cn_main_left {
  /* background: #999; */
  /* flex: 1; */
  width: 25%;
  height: 100%;
  float: left;
  display: flex;
  flex-direction: column;
}
.left_content {
  width: 100%;
  height: 31%;
  padding: 0 6%;
  box-sizing: border-box;
  margin-bottom: 2%;
}
.left_top {
  width: 100%;
  height: 19%;
  background: url("../../static/images/home/tableLine.png") no-repeat;
  background-size: 100% 52%;
  background-position: bottom;
  margin-bottom: 1%;
  position:relative;
}
.left_top span{
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  margin-top:1.8%;
}
.left_top span i{
  display:inline-block;
  padding-right:10px;
}
.left_main {
  width: 100%;
  height: 84%;
  box-sizing: border-box;
}
.left_main .title {
  width: 100%;
  height: 20%;
  display: flex;
  color: #fff;
  box-sizing: border-box;
}
.left_main .title div {
  flex: 1;
  font-size: 0.9rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.car_number {
  width: 100%;
  height: 22%;
  border: 1px solid #106AA2;
  margin-bottom: 2px;
  display: flex;
  font-size: 0.9rem;
  color: #fff;
}
.car_number .car {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.car_number .car .type_car {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.type_car span {
  white-space: nowrap;
}
.type_car span:first-child img {
  vertical-align: middle;
}
.type_car .car_numbg {
  width: 70%;
  height: 70%;
  text-align: center;
  background: url("../../static/images/home/carBg.png") no-repeat;
  background-size: 100% 100%;
  background-position: 50% 50%;
  color: #00FFC6;
  font-size: 0.3rem;
  white-space: nowrap;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.type_car.car_first span {
  margin-left: 9%;
}

/* 中间 */
.cn_main_center {
  /* flex: 2; */
  /* background: #00FFC6; */
  width: 50%;
  height: 100%;
  float: left;
}
.charts_main {
  width: 100%;
  height: 100%;
  position: relative;
}
.charts_main .time {
  width: 90%;
  height: 16%;
  margin: auto;
  box-sizing: border-box;
  /* background: #ccc; */
  position:absolute;
}
.time .time_num {
  width:100%;
  height:100%;
  text-align: center;
  font-size: 4rem;
  font-weight: 900;
  color: #fff;
  font-family: "myFont";
  position:absolute;
}
.time_detail {
  width:100%;
  text-align: center;
  font-size: 0.9rem;
  color: #fff;
  display: flex;
  top:55%;
  justify-content: center;
  align-items: center;
  position:absolute;
  margin-top: 10px;
}
.time_detail span {
  margin-left: 1.2%;
}
.time_detail span:first-child img {
  width: 80%;
}

.charts_main .china {
  position:absolute;
  width: 100%;
  top:5%;
  height:90%;
  margin: auto;
  /* background: #103657; */

}
.charts_main .china .chartMap {
  width: 100%;
  height: 100%;
  display:none;

}
.charts_main .china .chartMap:nth-child(1){
  display:block;
}
.charts_main .checkbox {
  width: 120px;
  height: 15%;
  box-sizing: border-box;
  position: absolute;
  /* background: red; */
  top: 10%;
  left: 5%;
}
.charts_main .checkbox div {
  margin-bottom: 13%;
}
.charts_main .checkbox div input {
  margin-right: 5%;
}
.charts_main .checkbox div label {
  font-size: 0.1rem;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  /* position: relative; */
}
.charts_main .switch {
  position: absolute;
  /* background: red; */
  width: 13%;
  height: 19%;
  bottom: 15%;
  right: 0;
}
.charts_main .switch div {
  width: 100%;
  height: 30%;
  margin-bottom: 5%;
  background: url("../../static/images/home/chartsVehIn.png") no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 0.2rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.charts_main .switch div.green {
  background: url("../../static/images/home/chartsVehOut.png");
  background-size: 100% 100%;
}


/* 右边 */
.cn_main_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 25%;
  height: 100%;
  float: right;
}
.right_contOne {
  width: 100%;
  height: 31%;
  box-sizing: border-box;
  padding: 0 6% 0;
}
.right_linkCont {
  width: 100%;
  height: 78%;
  border: 1px solid #106AA2;
  border-top: none;
  box-sizing: border-box;
  margin-top: -1%;
  display: flex;
  justify-content: space-around;
}
.line_main {
  height: 100%;
  margin-left: 0%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.link_img {
  /* margin-bottom:10px; */
  position: relative;
  height: 70%;
}
.link_img .icon_border {
  width: 90%;
  margin-left:5%;
  margin-top: 25%;
}
.link_img .icon_main {
  width: 50%;
  position: absolute;
  top: 36%;
  left: 25%;
}
.link_img .icon_main.cong {
  width: 50%;
  top: 36%;
  left: 25%;
}
.link_font {
  height: 30%;
  font-size: 1.15rem;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
  padding-top: 16%;
}
.line_main.second {
  margin-left: -15%;
}
/* 右  中间 */
.right_contTwo {
  width: 100%;
  height: 25%;
  /* background: #999; */
  box-sizing: border-box;
  padding: 2% 6%;
}
.right_car {
  width: 100%;
  height: 30%;
}
.left_top.right_top {
  margin-bottom: 5%;
  height: 25%;
}
.right_border {
  width: 100%;
  height: 60%;
}
.border_car {
  width: 100%;
  height: 50%;
  border: 1px solid #015C77;
  background: #103657;
  display: flex;
}
.border_car div {
  flex: 1;
  padding-left: 10%;
  display: flex;
  align-items: center;
  font-size: 0.2rem;
  color: #fff;
}
/* 右 下 */
.right_contThree {
  width: 100%;
  height: 47.5%;
  /* background: #666; */
  box-sizing: border-box;
  padding: 0 6% 0;
}
.right_contThree .left_main .title.rightTitle {
  height: 16%;
}
.right_contThree .left_main .car_number {
  height: 16%;
}
.left_top.rightTop {
  height: 12%;
  margin-top: 3%;
  margin-bottom: 1.5%;
}
/* 首页checkbox样式设置 */
.charts_main .checkbox div input[type="checkbox"] {
  /* width:calc(100vh - 747%);
  height:calc(100vh - 840%); */
  width: 12px;
  height: 12px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 12px;
  position: relative;
  top: -2px;
}
.charts_main .checkbox div input[type="checkbox"]::before{
  content: "";
  position: absolute;
  top: 0;left: 0;
  background: #00060a;
  width: 100%;
  height: 100%;
  border: 1px solid #07BCFF
}
.charts_main .checkbox div input[type="checkbox"]:checked::before{
  content: "\2713";
  background-color: #00060a;
  position: absolute;
  top: 0;left: 0;
  width:100%;
  border: 1px solid #07BCFF;
  color:#07BCFF;
  font-size: 12px;
  font-weight: bold;
}
.china{
    background:url("../../static/images/map_bg.png") no-repeat center center;
    background-size:65% 100%;
}
.checkbox ul li{
  clear:both;
  margin:10px 0;
}
.choose_check{
  content: "";
  display:block;
  float:left;
  width:12px;
  height:12px;
  border:1px solid #07BCFF;
  margin-right:5px;
  margin-top: 5px;
}
.checkbox label{
  padding: 0;
}
.choose_checked{
  content: "\2713";
  display:block;
  float:left;
  width:12px;
  height:12px;
  background:url("../../static/images/icon/icon_right.png") no-repeat center center;
  border:1px solid #07BCFF;
  margin-right:5px;
  margin-top: 5px;
}
.choose_input{
  display:none;
}
